<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>北京瑞金特生物</title>
    <link rel="stylesheet" href="__HOME__/css/style.css"/>
    <link rel="stylesheet" href="__HOME__/css/style_hf.css"/>
    <link rel="stylesheet" href="__HOME__/css/syfw-xq.css"/>
    <link rel="stylesheet" href="__HOME__/css/bootstrap.css"/>
    <script src="__HOME__/js/jquery-3.2.1.min.js"></script>
    <script src="__HOME__/js/style.js"></script>
    <script src="__HOME__/js/bootstrap.js"></script>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <style>

        .zx>a{display: inline-block;padding: 3px 16px;background: #f4f4f4;text-align: center;    border-radius: 16px;}
        .zx>a:hover{color:#fff;background: #B00000;text-decoration: none;}
        .rel {
            position: relative;
            z-index: 2;
        }
        #right{position:relative;}
        .syfw_list li ul{display: none;}
        .syfw_list li ul.active{display: block;}
        textarea{width:260px;}
        /*二级分类页面*/
     .fl_btm ul li{
         margin-top: 35px;
         /*height: 145px;*/
         overflow: hidden;
         background: #f5f5f5;
         border-top: solid 10px #e9e9e9;
         padding: 15px;
     }
        .content{padding: 0 25px;}
        .fl_btm ul li div h3{font-size: 14px;
            font-weight: bold;
            margin-top: 10px;
            color: #666;
            border-bottom: 1px dashed #ccc;
            padding-bottom: 10px;}
        .fl_btm ul li div p{color:#666;font-size: 12px;}
        .page {
            text-align: center;
            padding-top: 30px;
        }
        .page a {
            display: inline-block;
            height: 20px;
            text-align: center;
            padding: 0 10px;
            line-height: 20px;
            color:#666;
        }
        .page a:hover,a.cpb {
            background: #b00000;
            color: #fff;
            text-decoration: none;
        }
        .fl_top>h3{
            text-align: center;
            border-top: 4px solid #b00000;
            background: -webkit-linear-gradient(top, #fff, #f3f3f3);
            font-size: 16px;
            padding: 10px;
            color:#b00000;
        }
        #right {
            padding-bottom: 30px;
        }
        .mszx{
            background:#b00000;
            width: 92px;
            height:26px;
            display: inline-block;
            color:#fff;
            line-height: 25px;
            text-align: center;
            float: right;
            position: absolute;
            right: 20px;
            bottom: 15px;
        }
        .mszx:hover{text-decoration: none;color:#fff;
            background: #c63636;}
        .fl_btm ul li:hover p{color:#b00000;}
        .fl_btm ul li div img{width:100%;height: 131.77px;}
    </style>
</head>
<body>
<!--banner-->
<div id="banner">
    <img src="__HOME__/image/cp_xq.jpg" alt="" class="img-responsive"/>
</div>

<div id="main" class="container">
    <div class="brand">
        <ul>
            <li><a href="{:U('Index/inex')}">首页</a> &nbsp;/&nbsp; </li>
            <li><a href="#">实验服务</a> &nbsp;/&nbsp; </li>
        </ul></div>
    <!--left-->
    <div class="row">
        <div class="fl col-lg-2 col-md-2 col-sm-12 col-xs-12">
            <p class="Ititle">实验服务</p>
            <ul id="inlnav">
                <foreach name="listA" item="vo">
                <if condition="$vo.auth_pid eq 0 ">
                <li><a href="{:U('syfw_two','id='.$vo['auth_id'])}" title="{$vo.auth_name}">{$vo.auth_name}</a><i class="cl"></i>
                    <div class="">
                        <foreach name="listB" item="v">
                        <if condition="$vo.auth_id eq $v.auth_pid ">
                        <a href="{:U('syfw_xq','id='.$v['auth_id'])}" title="{$v.auth_name}"><i></i>{$v.auth_name}</a>
                        </if>
                        </foreach>
                    </div>
                </li>
                </if>
                </foreach>
            </ul>
          <!--   <div>
                <a href="http://wpa.qq.com/msgrd?v=3&uin=2238570004&site=qq&menu=yes"><img src="__HOME__/image/zxzx.jpg" alt=""/></a>
                <a href="{:U('Index/zxly')}"><img src="__HOME__/image/zxly.jpg" alt="" style="margin-top:15px;"/></a>
            </div> -->
        </div>
        <!--right-->
        <div id="right" class="col-lg-8 col-md-8 col-xs-12">
             <div class="content">
                 <div class="fl_top">
                     <h3>{$auth_list.auth_name}</h3>
                     <div class="row">
                         <div class="col-md-3 col-sm-3 col-xs-12">
                             <img src="{$auth_list.auth_xqimg}" alt="" style="width:100%;"/>
                         </div>
                         <div class="col-md-8 col-sm-8 col-xs-12" style="background: -webkit-linear-gradient(top, #fff, #f2f2f2);padding: 20px;overflow:hidden;height: 162px;">
                            <p>{$auth_list.auth_text}</p>
                             <a href="http://wpa.qq.com/msgrd?v=3&uin=2238570004&site=qq&menu=yes" class="mszx">马上咨询</a>
                         </div>
                     </div>
                 </div>
                 <div class="fl_btm">
                     <ul>
                     <foreach name="auth_all" item="all">
                         <li class="row">
                             <a href="{:U('Index/syfw_xq','id='.$all['auth_id'])}"> <div class="col-md-3 col-sm-3 col-xs-12">
                            <if condition="$all.auth_img neq null ">
                             <img src="{$all.auth_img}" alt=""/>
                             <else />
                             <img src="{$all.auth_xqimg}" alt=""/>
                            </if>
                             </div>
                         <div class="col-md-9 col-sm-9 col-xs-12">
                             <h3>{$all.auth_name}</h3>
                             <p>{$all.auth_text}</p>
                         </div>
                             </a>
                     </li>
                     </foreach>
                     </ul>
                 </div>
             </div>

        </div>
    </div>
</div>
<script>
    $(function(){
        $(".syfw_list").on("click","li>a",function(e){
//            e.preventDefault();
            var $tar=$(e.target);
            $tar.next().addClass("active");
            $tar.parent().siblings().children(".active").removeClass("active");
        })
    })
      $(function(){
        $("#inlnav").on("click","li>a",function(e){
            e.preventDefault();
            var tar=$(e.target);
            tar.parent().addClass("curr").siblings(".curr").removeClass("curr");
            tar.next().removeClass("op").addClass("cl");
            tar.parent().siblings().children("i").removeClass("cl").addClass("op");
            tar.next().next().addClass("active");
            tar.parent().siblings().children(".active").removeClass("active");
        })
    })

</script>
</body>
</html>